page {
  // 自定义tabbar高度
  --custom-tab-bar-height: calc(49px + env(safe-area-inset-bottom));
  // 系统主色系列
  --mian-color: #2361ff; /* 常规主色 */
  --light-fill-color: #f2f3f5; /* 一般/常规/禁用/灰底悬浮 */
  --hover-focus-1-color: #0f4deb; /* 悬浮/聚焦 */
  --hover-focus-2-color: rgba(color: --mian-color, 0.8); /* 悬浮/聚焦 */
  --disable-color: rgba(color: --mian-color, alpha: 0.6); /* 一般禁用 */
  --btn-bg-color: #e9efff; /* 按钮/标签底色 */
  // border
  --border-color: #dcdfe6; /* 边框色 */
  --divider-line-color: #e9f0fc; /* 分割线色 */
  --divider-line-2-color: #f5f7fa; /* 二级分割线色 */
  // text
  --text-1-color: #26272a; /* 一级文字色 强调/正文标题 */
  --text-2-color: #555c6a; /* 二级文字色 次强调/正文标题 */
  --text-3-color: #737e97; /* 三级文字色 次要信息 */
  --text-4-color: #bac0cf; /* 四级文字色 提示信息 */
  --text-4-color: #fff; /* 五级文字色 纯白文字 */
  // 系统状态色
  --success-color: #00c261; /* 成功 */
  --success-hover-color: rgba(color: --success-color, 0.8); /* 悬浮/聚焦 */
  --success-disable-color: rgba(color: --success-color, 0.6); /* 禁用 */
  --success-click-label-color: #05b352; /* 点击/标签字色 */
  --success-light-color: #e0f8ec; /* 浅色背景 */
  --warning-color: #f70; /* 警告 */
  --warning-hover-color: rgba(color: --warning-color, 0.8); /* 悬浮/聚焦 */
  --warning-disable-color: rgba(color: --warning-color, 0.6); /* 禁用 */
  --warning-click-label-color: #f16100; /* 点击/标签字色 */
  --warning-light-color: #ffefe0; /* 浅色背景 */
  --danger-color: #f53f3f; /* 错误 */
  --danger-hover-color: rgba(color: --danger-color, 0.8); /* 悬浮/聚焦 */
  --danger-disable-color: rgba(color: --danger-color, 0.6); /* 禁用 */
  --danger-click-label-color: #e22c2c; /* 点击/标签字色 */
  --danger-light-color: #fee8e8; /* 浅色背景 */

  // 圆角变量
}
